import { View, Text,Image } from '@tarojs/components'
import Taro, { useLoad ,useRouter,useDidShow ,getCurrentInstance, Page} from '@tarojs/taro'
import './index.scss'
import { useState } from 'react'
import { goOrderDrugMiniProgram } from '../../utils/tools'
const pageData = {
  page1:{
    id:'page1',
    name: '万户健康医改探索页面',
    title:'万户健康医改探索',
    image: '',
    contentList:['万户健康项目是由原国务院医改专家咨询委员会委员房志武教授设计的，旨在实现让人民“少得病、少花钱、少跑腿”的医改追求。您加入项目后，将免费享受AI首长保健组提供的主动预防服务，预订药品可以获得积分并能代缴抵扣第二年城乡居民医疗保险，可以在家门口的基层医疗机构取药省去去大医院的奔波。']
  },
  page2:{
    id:'page2',
    title:'医保订药',
    name: '毕节城市中心药房供药（少跑腿）文案',
    image: 'https://wanhuhealth.oss-cn-beijing.aliyuncs.com/static/whjk-minProgram/images/cityDrugStore/a-ybdy.png',
    contentList:[
      '1.医保订药。门诊购药可享受医保报销，且报销比例高于大医院;',
      '2.先预定、后取药。需先选定一家基层医疗机构作为取药点，有购药需求后在手机上下订单预定，待药品送达取药点后再携带医保卡到取药点取药；',
      '3.品种全、品质好。有两千种以上的品牌药品可供选择，尤其是覆盖了原研药，品质更加有保障。'
    ]
  },
  page3:{
    id:'page3',
    title:'积分宝',
    name:'积分宝（少花钱）文案介绍',
    image: 'https://wanhuhealth.oss-cn-beijing.aliyuncs.com/static/whjk-minProgram/images/cityDrugStore/a-jfb.png',
    contentList:[
      '不同的药品将获得不同比例的积分，详情请见药品预定页积分比例展示。积分到年底可以用于抵扣代缴城乡居民医疗保险，且亲属间可以共济使用积分。'
    ]
  },
  page4:{
    id:'page4',
    title:'AI首长保健组',
    name:'AI首长保健组（少得病）文案',
    image: 'https://wanhuhealth.oss-cn-beijing.aliyuncs.com/static/whjk-minProgram/images/cityDrugStore/a-ai.png',
    contentList:['AI让首长保健组服务进入寻常百姓家。通过每日主动提醒，管理300余种疾病风险因素，有效预防疾病发生，延长健康寿命。'],
    qrcode:'https://wanhuhealth.oss-cn-beijing.aliyuncs.com/static/whjk-minProgram/images/cityDrugStore/qywx_qr.jpg'
  }
}
export default function PureText () {
  
  const [curPage, setCurPage] = useState<any>({})
  
  useLoad((options) => {
    console.log('options:',options)
    const pageIns = getCurrentInstance() as any
    let params = pageIns.router.params
    setCurPage(pageData[params.page])
    Taro.setNavigationBarTitle({
      title: pageData[params.page].title
    })
    
  })

  function jumpToJifenbao(){
    Taro.reLaunch({
      url:'/pages/index/index'
    })
  }
  function jumpToOrderDrugMiniProgram(){
    goOrderDrugMiniProgram()
  }
 

 

  return (
    <View className='pureText'>
      {
        curPage.image && <View className='banner'>
        <Image className='img' src={curPage.image} mode="widthFix"></Image>
      </View>
      }
      
      <View className='service'>
        <View className='sub-title'>服务介绍</View>
        <View className="text-box">
          {
            curPage.contentList && curPage.contentList.map((item)=>{
              return (
                <View className="text-item">
                  {item }
                </View>
              )
            })
          }
        </View>
        {
          curPage.id == 'page2' && (
            <View className="btn-wrap" onClick={jumpToOrderDrugMiniProgram}>
              <View className="btn">去订药</View>
            </View>
          )
        }
        {/* {
          curPage.id == 'page3' && (
            <View className="btn-wrap" onClick={jumpToJifenbao}>
              <View className="btn">去积分宝</View>
            </View>
          )
        } */}
        {
          curPage.id == 'page4' && (
            <View className="qrcode-wrap">
              <View className="img-wrap">
                <Image
                show-menu-by-longpress
                className="qrcode"
                src={curPage.qrcode}
                mode="widthFix"
                />
              </View>
              <View className="txt">
                长按添加首长保健服务
              </View>
            </View>
          )
        }
      </View>
    </View>
  )
}
